{include file=comm/head.html}
<!-- 幻灯片 -->
<div class="swiper-container">
  <div class="swiper-wrapper">
    {pboot:slide num=5 gid=1}
    <div class="swiper-slide">
      {pboot:if([slide:link] != '')}
      <a href="[slide:link]">
        <img src="[slide:src]" class="d-block w-100" />
      </a>
      {else}
      <img src="[slide:src]" class="d-block w-100" />
      {/pboot:if}
      <div class="container">
        <div class="position-absolute text-light" style="top: 30%">
          <h1 class="fs-20 fs-sm-32 wow slideInUp">[slide:title]</h1>
          <h4 class="fs-14 fs-sm-20 wow slideInUp">[slide:subtitle]</h4>
        </div>
      </div>
    </div>
    {/pboot:slide}
  </div>
  <div class="swiper-button-prev d-none d-md-block"></div>
  <!--左箭头-->
  <div class="swiper-button-next d-none d-md-block"></div>
  <!--右箭头-->
  <div class="swiper-pagination"></div>
</div>

<!--产品推荐-->
<div class="bg-white productCenter">
  <div class="_container">
    {pboot:sort scode=5}
    <div class="bigTitle wow fadeInDown">
      [sort:name]
    </div>
    <div class="smallTitle wow fadeInUp" data-wow-delay="1s">
      - [sort:subname] -
    </div>
    {/pboot:sort}

    <div class="row">
      <div class="col-lg-3 col-md-3 col-sm-12 wow fadeInLeft">
        <div class="left_nav">
          <h3 title="产品栏目">
            <a href="https://www.jzjigui.cn/product_index.html" target="_blank" title="">产品栏目</a>
          </h3>
          <ul class="flst">
            {pboot:nav num=10 parent=5}
            <li>
              <a href="[nav:link]" title="[nav:name]">
                <i>[nav:i]</i>
                [nav:name]</a>
            </li>
            {/pboot:nav}
            <li class="otcpfl">
              <a href="#"><i><img alt="其它配套产品" src="{pboot:sitetplpath}/images/otcpfl.jpg"
                    title="其它配套产品" /></i>其它产品&gt;&gt;</a>
            </li>
          </ul>
        </div>
      </div>


      <div class="col-lg-9 col-md-9 col-sm-12 wow fadeInRight" data-wow-delay="[list:i]00ms" data-wow-duration="1s">
        <div class="row">
          <div class="col-12">
            {pboot:sort scode=5}
            <div class="hot_pic">
              <img src="[sort:ico]" alt="产品栏目" title="产品栏目" />
            </div>
            {/pboot:sort}
          </div>


          {pboot:list scode=5 num=6 order=date}
          <div class="col-lg-4 col-md-4 col-sm-12">
            <div class="card ">
              <div class="card-img-150">
                <a href="[list:link]"><img class="card-img-top" src="[list:ico]" alt="[list:title]" /></a>
              </div>
              <div class="card-body">
                <h5 class="card-title">
                  <a href="[list:link]">[list:title lencn=12]</a>
                </h5>
                <p class="card-text">
                  {pboot:if([list:istop]==1)}
                  <span class="badge badge-danger">置顶</span>
                  {/pboot:if} {pboot:if([list:isrecommend]==1)}
                  <span class="badge badge-warning">推荐</span>
                  {/pboot:if} {pboot:if([list:isheadline]==1)}
                  <span class="badge badge-info">头条</span>
                  {/pboot:if} [list:content drophtml=1 dropblank=1 len=40]
                </p>
              </div>
            </div>
          </div>
          {/pboot:list}
        </div>
      </div>

    </div>
  </div>
</div>


<div class="yous">
  <ul class="c">
    <a href="http://wpa.qq.com/msgrd?v=3&amp;uin=157556659&amp;site=qq&amp;menu=yes" target="_blank" rel="nofollow"></a>
    <div class="wow fadeInRight animated animated animated hot_pic">
      <img src="{pboot:sitetplpath}/images/pc1.jpg">
    </div>
    <li class="y1 wow fadeInLeft  animated" style="visibility: visible; animation-name: fadeInLeft;">
      <h5>雄厚的企业实力，给你信心</h5>
      <h6>STRONG CORPORATE</h6>
      <p>多年专业电气自动化设备销售，维修与全国知名企业建立良好合作关系.</p>
    </li>
    <li class="y2 wow fadeInLeft  animated" style="visibility: visible; animation-name: fadeInLeft;">
      <h5>成熟的解决方案，让你省心</h5>
      <h6>SOPHISTICATED SOLUTIONS</h6>
      <p>根据您的生产要求，提供三小时快速维修并提供备用品，解决您的顾虑。

        维修速度快成功率高，收费合理，关键是公司规模大，售后服务靠得住。</p>
    </li>
    <li class="y3 wow fadeInRight  animated" style="visibility: visible; animation-name: fadeInRight;">
      <h5>稳定的设备性能、让你安心</h5>
      <h6>STABLE EQUIPMENT PERFORMANCE</h6>
      <p>更换所有配件，都采用原装进口，十几年技术支持。</p>
    </li>
    <li class="y4 wow fadeInRight  animated" style="visibility: visible; animation-name: fadeInRight;">
      <h5>完善的售后服务体系、让你放心</h5>
      <h6>IMPROVE THE SERVICE SYSTEM</h6>
      <p>平价配件供应和优质维修服务。<br>可享受免费送货、上门安装调试及操作培训</p>
    </li>
    <img class="wow fadeInLeft  animated" style="margin-top: -410px; visibility: visible; animation-name: fadeInLeft;"
      src="{pboot:sitetplpath}/images/pc2.jpg">
  </ul>
</div>

<!-- 关于我们 -->
<div class="home-about">
  <div class="_container">
    {pboot:sort scode=1}
    <div class="bigTitle wow fadeInDown">
      [sort:name]
    </div>
    <div class="smallTitle wow fadeInUp" data-wow-delay="1s">
      - [sort:subname] -
    </div>
    {/pboot:sort}
    {pboot:content id=1}
    <div class="row bg-white">
      <div class="col-lg-6 col-md-6  col-xs-12">
        <div class="about-content">
          <!--公司简介——开始-->
          <h2 class="text-main">[content:subtitle]</h2>
          <p class="nr">
            [content:content drophtml=1 dropblank=1 len=442 more='']
          </p>
          <a href="[content:link]" class="more">查看更多></a>
          <!--公司简介——结束-->
        </div>
      </div>
      <div class="col-lg-6 col-md-6  col-xs-12 about-img">
        <img src="{pboot:sitetplpath}/images/aboutpic.jpg" class="img-responsive">
      </div>
    </div>
    {/pboot:content}
  </div>
</div>



<!-- 新闻动态 -->
<div class="home-news">
  <div class="_container">
    {pboot:sort scode=2}
    <div class="bigTitle wow fadeInDown">
      [sort:name]
    </div>
    <div class="smallTitle wow fadeInUp" data-wow-delay="1s">
      - [sort:subname] -
    </div>
    {/pboot:sort}
    <div class="row">
      <div class="col-lg-6 col-md-6 col-sm-12 wow fadeInLeft">
        <div class="hot-news">
          {pboot:list scode=2 num=1 isrecommend=1}
          <div class="hot-news-img">
            <a href="[list:link]">
              <img src="[list:ico]" alt="[list:title]" class="img-responsive">
            </a>
          </div>
          <div class="hot-news-content">
            <div class="date">
              <p class="bigDate">[list:date substr=9,2]</p>
              <p class="smallDate">[list:date drophtml=1 substr=1,10]</p>
            </div>
            <div class="nr">
              <h3 class="title">
                <a href="[list:link]">[list:title lencn=20]</a>
              </h3>
              <p class="desc">
                [list:content drophtml=1 dropblank=1 lencn=55]
              </p>
            </div>
          </div>
          {/pboot:list}
        </div>
      </div>
      <div class="col-lg-6 col-md-6 col-sm-12 wow fadeInRight">
        <div class="news-list">
          {pboot:list scode=2 num=4 order=date}
          <div class="news-list-item">
            <div class="date">
              <p class="bigDate">[list:date substr=9,2]</p>
              <p class="smallDate">[list:date drophtml=1 substr=1,10]</p>
            </div>
            <div class="nr">
              <h3 class="title">
                <a href="[list:link]">[list:title lencn=20]</a>
              </h3>
              <p class="desc">
                [list:content drophtml=1 dropblank=1 lencn=55]
              </p>
            </div>
          </div>
          {/pboot:list}
        </div>
      </div>
      <div class="col-lg-12 col-md-12 col-sm-12">
        {pboot:sort scode=2}
        <div class="text-center wow fadeInUp" data-wow-delay="1s">
          <a href="[sort:link]" class="more">查看更多</a>
        </div>
        {/pboot:sort}
      </div>
    </div>
  </div>

</div>



<script src="{pboot:sitetplpath}/swiper-4.3.5/js/swiper.min.js"></script>
<script>
  var mySwiper = new Swiper(".swiper-container", {
    direction: "horizontal",
    loop: true,
    speed: 1000,
    autoplay: {
      delay: 2000,
      disableOnInteraction: false,
    },
    // 如果需要分页器
    pagination: {
      el: ".swiper-pagination",
      clickable: true,
    },
    // 如果需要前进后退按钮
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
  });
</script>

{include file=comm/foot.html}